<template>
  <view class="d-flex flex-column me-page fill-width justify-space-between">
    <view class="top">
      <view class="header d-flex align-center pa-6">
        <UserInfo/>
      </view>

      <view class="actions d-flex flex-column my-6">
        <item-button text="分销" icon-left="attach" @click="toAttach"></item-button>
      </view>
    </view>
  </view>
</template>

<script>

import ItemButton from "@/comp/ItemButton.vue";
import UserInfo from "@/pages/me/UserInfo.vue";

export default {
  components: {UserInfo, ItemButton},
  data() {
    return {}
  },
  methods: {
    toAttach() {
      uni.switchTab({
        url:'/pages/attach/index'
      })
    }
  }
}
</script>

<style scoped lang="scss">

.me-page {
  .top {
    .header {
      background-color: $uni-color-primary;
    }
  }

  .actions {
    border-top: 1px #dcdfe6 solid;
  }
}


</style>
